img { max-width: 100% !important; }
/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #666; }
a:hover { color: #0049a1; }
body { color: #666; font: 12px/1.5 微软雅黑, Arial, Helvetica, sans-serif; background: #fff;  }
.wrapper { width: 1152px; margin-left: auto; margin-right: auto; }
.wrapper:after,
.row:after { content: ""; display: table; clear: both; }
/* arrow */
.arrow { position: absolute; top: 50%; margin-top: -4px; }
.arrow * { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }
/* arrow-right */
.arr-r * { border-left-style: solid; border-width: 4px 0 4px 4px; }
.arr-r em { left: 1px; }
.arr-r span { border-left-color: #3675bb; }
.tri { position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }
/* ==========================================================================
   Header
   ========================================================================== */
.topbar { background:url(../images/topbar.gif) repeat-x; height:30px; padding: 5px 0;  }
header { width:100%; position: fixed; z-index: 999; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2); background:#FFFFFF; }
header .wrapper { height: 92px; position: relative; z-index: 999; }
.logo { position: absolute; padding: 10px 0 0 0; }
.lang { float: right; }
.lang a { float: left; padding-left: 30px; }
.lang .cn { background: url(../images/cn.gif) no-repeat 0; }
.lang .en { background: url(../images/en.gif) no-repeat 0; }
.lang .pipe { float: left; padding: 0 8px; }
.hot{ float:left;}
/* search */
.globalsearch { float: right; margin-left: 16px; }
.globalsearch #q,
.globalsearch .search-btn { float: left; border: 0 none; }
.globalsearch #q { width: 120px; height: 20px; padding: 1px 16px; line-height: 20px; background: #223d63; border-radius: 10px; }
.globalsearch .search-btn { width: 30px; margin-left: -30px; height: 24px; line-height: 24px; cursor: pointer; background: transparent; color: #466ca0; -webkit-transition: .3s; transition: .3s; }
.globalsearch .search-btn:hover { color: #fff; }

:-moz-placeholder {
 color: #fff;
 font-family: microsoft yahei;
}
::-moz-placeholder {
 color: #fff;
 font-family: microsoft yahei;
}
 ::-webkit-input-placeholder {
 color: #fff;
 font-family: microsoft yahei;
}
/* ==========================================================================
   Nav
   ========================================================================== */
.navbar { }
/* primary */
.globalnav { z-index: 99; position: absolute; right: -20px; bottom: 15px; }
.globalnav li { float: left; position: relative; background: url(../images/nav-sep.png) no-repeat 100% 50%; padding-right: 1px; }
.globalnav li a { display: block; color: #a0a0a0; padding: 0 15px; font-size: 16px; line-height: 62px; font-weight: bold}
.globalnav .nav-sep { }
.globalnav .active a,
.globalnav li .active1 { color: #1868b3; }
.globalnav .last { background: none; }
/* secondary */
.dropdown { position: absolute; z-index: 999; background: #fff; background: rgba(255,255,255,.8); display: none; padding: 18px 0; border-bottom: 4px solid #2a8b60; border-bottom: 4px solid rgba(103,150,76,.-27); top: 100%; width: 112px; left: 50%; margin-left: -56px; }
.dropdown:after { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-top-style: solid; border-width: 5px 5px 0; border-top-color: #1868b3; left: 50%; margin-left: -5px; top: -15px; }
.dropdown .pic { display: block; padding: 0; width: 100%; height: 82px; margin-bottom: 10px; }
.dropdown .pic img { width: 100%; height: 100%; }
.dropdown .dd-l { float: left; width: 110px; padding-left: 20px; }
.dropdown .dd-r { float: right; width: 148px; padding-right: 20px; font-size: 12px; text-align: center; }
.dropdown .dd-l a { white-space: nowrap; line-height: 30px; font-size: 14px; padding: 0 10px; color: #666; }
.dropdown .dd-l a .fa { font-size: 12px; line-height: 30px; color: #ccc; padding-right: 5px; }
.dropdown .dd-l a:hover,
.dropdown .dd-l a:hover .fa { color: #1868b3; }
/* ==================================
   banner
   ================================== */
.ipage {position: relative;padding-top: 98px;}
.banner { position: relative; overflow: hidden; width: 100%; height: 505px; padding-top:130px}
.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; width: 100%; height: 505px; /* superslide 取值规定必须是具体数值 */ }
.banner .hd { position: absolute; width: 100%; bottom: 17px; left: 0; text-align: center; }
.banner .hd ul { display: inline-block; *display:inline;zoom: 1; }
.banner .hd li { float: left; width: 50px; height: 9px; margin: 0 3px; background: url(../images/banner-dot.png) no-repeat -55px 0px; cursor: pointer; }
.banner .hd .on { background-position: 0 0; }
/* ==========================================================================
   Content
   ========================================================================== */
.row-hd h2:before,
.row-hd h2:after { content: ""; }
.row-hd h2:before,
.row-hd h2:after,
.row-hd h2 i { position: absolute; width: 32px; height: 6px; font-size: 0; line-height: 0; background: #fff; top: 50%; margin-top: -4px; }
.row-hd h2:before,
.row-hd h2 .line-l { left: 0; }
.row-hd h2:after,
.row-hd h2 .line-r { right: 0; }
.row-hd .en-txt { font-size: 14px; line-height: 20px; }
.row-even,
.row-even .row-hd h2 { background: #f5f5f5; }
.row-ft { text-align: center; padding: 15px; }
.ui-btn1 { display: inline-block; background: #007762; color: #fff; padding: 0 8px; line-height: 24px; }
.ui-btn1:hover { color: #fff; background: #006853; }
/* business */
.paddt31 {border-top:1px solid #b1b1b1; margin-top:50px; margin-bottom:40px}
.row-business{ background:#f5f5f5;}
.row-business .hd {  text-align: center;  width:140px; background:url(../images/lm_tb1.png) no-repeat 50% 0;  margin: -5px auto 25px; position: relative; }
.row-business .hd h2 { margin-top:-5px;}
.row-business .hd h2 a { color: #1868b3; font-size:24px; font-weight: 300; line-height:15px;font-weight: bold}
.business { position: relative; *zoom:1;}
.prev, .next { position: absolute; top: 50%; cursor: pointer; }
.tempWrap { margin: 0 auto; width:1000px; }
.business { position: relative; *zoom:1;}
.business .prev, .business .next { width:18px; height:53px; margin-top: -19px; }
.business .prev { background: url(../images/prev.png) no-repeat; left: -52px; }
.business .next { background: url(../images/next.png) no-repeat; right: -52px; }

.business-list {}
.business-list li { float: left; 	width: 270px;height: 320px;background: #fff;display: inline; margin: 0 25px 0 0 ; }
.business-list li .title{height: 135px;padding-top: 25px;}
.business-list li .title .top{background: url(../images/tb2.jpg)no-repeat center top;padding-top: 20px;}
.business-list li .title .top p{font-weight: bold;font-size: 20px;color: #333;text-align: center;}
.business-list li .title .text{width:220px;padding-top: 15px;margin: 0 auto;}
.business-list li .title .text p{color: #8f8f8f;text-align: center;}
.business-list li .con-chenge .bd ul li{margin-right: 27px;float: left;}
.business-list li .con-chenge .hd{height: 90px;text-align: center;line-height: 90px;margin: 0 auto;}
.business-list li .con-chenge .hd ul{text-align: center;margin: 0 auto;padding-top: 35px;float: left;}
.business-list li .con-chenge .hd ul li{width: 12px;height: 12px;background: #8d8d8d;float: left;margin-right: 7px;text-indent: -9999px;overflow: hidden;}
.business-list li .con-chenge .hd ul li.on{background: #ce3f3c;}
.business-list li .con-chenge .hd p{text-align: center;}
.business-list .pic { display: block; width:269px; height:170px;}
.business-list .pic img { width: 100%; height: 100%; }
.pic :hover{ opacity:0.8;}
.business-list .txt { border: 1px solid #ddd; border-top: 0 none; padding: 7px 23px 12px 23px; }
.business-list .caption {text-align: center;border-bottom: 1px solid #ddd;font-size: 14px;font-family: microsoft yahei;line-height: 36px;margin-bottom: 10px;}
/* news */
.r1 { margin-bottom: 32px; margin-top:30px }
.mod-news { float: right; width: 593px;}
.mod-news .mod-hd { margin-bottom: 14px;}
.mod-news .mod-hd h2 { float: left; font-size:24px;font-weight: bold;}
.mod-news .mod-hd h2 a{color: #1868b3;}
.mod-news .mod-hd .more { float: right; text-transform: uppercase; }
/* latest */
.home .latest { margin-bottom: 8px; }
.home .latest .imgArea { width: 130px; height: 105px; }
.home .latest .txtArea { padding-left: 10px; }
.home .latest .txtArea .desc { padding-top: 4px; line-height:20px}
.home .latest .txtArea .more { color: #67964c; margin-left: 50px; }
/* news */
.home .news-list { }
.home .news-list li { margin-bottom: 10px; position: relative; min-height: 46px; padding-left: 70px; }
.home .news-list li .published { position: absolute; left: 0; top: 0; height: 46px; background: #666666; color: #fff; width: 60px; text-align: center; line-height: 1.4; }
.home .news-list li .published .d { font-size: 16px; padding-top: 5px; }
.mod-news h3 { font-weight: 300; font-size: 14px; margin-bottom: 8px; }
.mod-news h3 a { color: #333; font-weight: bold;}
.mod-news h3 a:hover { color: #1868b3; }

.mod-yanfa { float: left; width: 522px; position: relative; }
.mod-yanfa .mod-hd { line-height: 32px; margin-bottom: 1px; }
.mod-yanfa .mod-hd h2 { margin-bottom:14px}
.mod-yanfa .mod-hd h2 a { color: #1868b3; font-size:24px;font-weight: bold; margin-bottom:14px}
.mod-yanfa .mod-hd .more { float: right; color: #fff; text-transform: uppercase; }
.mod-yanfa .mod-bd {border-width: 1px; border:1px solid #dcdcdc;}
.mod-yanfa .yanfa-pic { display: block; text-align: center; }
.mod-yanfa .yanfa-pic img { }
.mod-bd .h1{ padding:10px; font-size:14px}
.mod-yanfa .mod-wrap { position: relative; z-index: 1; background: #fff; }

.focus { float: left; width: 392px; }
/* focus */
.focus-list { }
.focus-list li { float: left; width: 392px; }
.focus-list li h3 { color: #000; font-size: 14px; font-weight: 300; margin: 15px 0 10px; }
.focus-list li h3 a { color: #000; }
.focus-list li h3 .date { float: right; }
.focus-list li .desc { color: #333; }
.focus-ft { margin-top: 15px; }
.focus .prev,
.focus .next { width: 18px; height: 18px; color: #fff; line-height: 17px; text-align: center; background: #005946; margin-right: 6px; float: left; cursor: pointer; }
.focus .prev .fa,
.focus .next .fa { font-size: 16px; line-height: 17px; }
.focus .prev:hover,
.focus .next:hover { background: #006daf; color: #fff; }

/* about */
.row-about{ background:#f5f5f5; margin:25px 0 50px 0}
.about-til{font:18px/22px "微软雅黑"; margin-bottom:18px;}
.about-til a {color:#1868b3;font-weight: bold;}
.about-main2-wrap{width:100%; margin:0 auto; border:1px solid #e9eaea; border-width:1px 0 1px 0; background:#fbfbfb;}
.about-main2-box { width:270px; height:270px; position:relative; overflow:hidden;}
.about-main2-img{ width:270px; height:133px; position:relative; overflow:hidden;margin-bottom:18px;}
.about-main2-more{ width:20px; height:20px; position:absolute;background:url(../images/about_bg06.jpg) no-repeat; right:-20px; bottom:0px; overflow:hidden;}
.row-about p{ line-height:22px; color:#404040;}
.row-about a:hover p{ color:#666;}
.about-main2-box-bg{ position:absolute; width:550px; height:5px; left:-225px; bottom:0; background:url(../images/css_bg01.jpg) no-repeat -65px 0; overflow:hidden;}
.marb18{ margin-bottom:18px;}
.marr20 { margin-right:20px;}
.paddt30 { padding:30px 0}

/* partner */
.row-partner{border-top: 1px solid #b1b1b1;}
.row-partner .hd {  text-align: center;  width:138px; background: #fff url(../images/lm_tb.png) no-repeat 50% 0;  margin: -5px auto 15px; position: relative; }
.row-partner .hd h2 { margin-top:-5px;}
.row-partner .hd h2 a { color: #1868b3; font-size:24px; font-weight: 300; line-height:15px;font-weight: bold}
.partner{padding: 10px 0 40px;     position: relative;}
.partner .prev, .partner .next { width:18px; height:53px; margin-top: -19px; }
.partner .prev { background: url(../images/prev.png) no-repeat; left: -52px; }
.partner .next { background: url(../images/next.png) no-repeat; right: -52px; }
.partner-list { margin-right: -20px; border:1px solid #e1e1e1}
.partner-list li { float: left; width: 166px; display: inline;   }
.partner-list .pic { display: block; height: 112px; background: #fff; border-right:1px solid #e1e1e1 }
.partner-list .pic img { width: 100%; height: 100%; }
/* ==========================================================================
   Footer
   ========================================================================== */
.footer { background: #464850; color: #fff; }
.footer a { color: #fff; -webkit-transition: all .3s; transition: all .3s; }
.footer a:hover { color: #fff; }
.footer-nav { padding: 30px 10px 30px; }
.fn-col { float: left; padding: 0 65px 0 0; }
.footer-nav h3 { font-size: 16px; font-weight: 300; margin-bottom: 10px; }
.footer-nav h3 a {}
.footer-nav h3 a:hover { }
.fn-col ul { }
.fn-col li { line-height: 2.0;color:#e6e6e6 }
.fn-col li a { }
.fn-col li a:hover { color: #fff; }
.extra-col { float: left; }
.extra-col h4 { font-size: 14px; font-weight: 300; }
.extra-col .txtArea { padding-left: 10px; }
.copy { background:#2c2e33;color: #e1e1e1; padding: 15px 0; border-top: 1px solid #636468; text-align: center;  }
.copy a { color: #e1e1e1; }
.copy a:hover { text-decoration: underline; opacity: .9; color: #fff; }
.social { margin: 20px 0 15px; }
.sns { float: left; width: 72px; }
.sns a { float: left; width: 29px; height: 29px; background-image: url(../images/sns.png); background-repeat: no-repeat; margin-right: 7px; margin-bottom: 7px; text-indent: -9999px; overflow: hidden; }
.sns a:hover { opacity: .9; }
.sns .item1 { background-position: 0 0; }
.sns .item2 { background-position: -36px 0; }
.sns .item3 { background-position: -1px -35px; }
.sns .item4 { background-position: -37px -35px; }
.qr .imgArea { width: 127px; height: 127px; }
.qr .txtArea { width: 127px; height: 127px; }
.icp { margin-right: 5px; }
.con-col{ float:right}
.con-col ul{}
.con-col p{ line-height: 2.0;color:#e6e6e6; font-size:12px}
.pro-cat-list { padding-top: 40px; margin: 0 -40px; }
.pro-cat-list li { float: left; width: 280px; text-align: center; margin: 0 40px; -webkit-animation: gfadeIn .6s .8s both; animation: gfadeIn .6s .8s both; }
.pro-cat-list li:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.pro-cat-list li:nth-of-type(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.pro-cat-list li:nth-of-type(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

/*浮动*/
.im { position: fixed; _position: absolute; top: 200px; /*left: 50%; margin-left: 600px;*/ right:0 }
.im li { }
.im li a { display: block; width: 47px; height: 49px; text-align: center; margin-bottom: 18px; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden; text-indent: -9999px; }
.im .item1 a { background-color: #1868b3; background-image: url(../images/qr-s.png); }
.im .item2 a { background-color: #67964c; background-image: url(../images/qq.png); }
.im .item3 a { background-color: #333; background-image: url(../images/ico3.png); }
.im .item4 a { background-color: #cc3366; background-image: url(../images/ico4.png); }
.im .item5 a { background-color: #02d365; background-image: url(../images/ico5.png); }
.im-bd { background: #fff; padding: 10px; position: absolute; -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.15); -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.15); box-shadow: 1px 2px 3px rgba(0,0,0,.15); left: -120px; top: 0; width: 100px; display: none; }
.im-bd img { width: 100%; }
.im-bd .tri { border-left-style: solid; border-width: 6px 0 6px 6px; border-left-color: #fff; top: 20px; right: -5px; }